<template>
<div class="panel heart-box">
<!-- 750*400 --><!-- 这是日常记录下面的身体状况模块 -->
  <div class="box">
    <i class="iconfont icon-pulse"></i><span>身体状况</span>
    <div class="iconright">
      <i class="iconfont icon-xiala"></i>
    </div>
  </div> 
</div>
</template>

<script>
  export default {
    name:"Heart"
  }
</script>

<style scoped>
.heart-box{
  margin-top: 1rem;
}
.heart-box i{
  font-size: 0.7rem;
  color: #a2a1a1;
  margin-left: 0.5rem;
  float: left;
}
.box{
  position: relative;
}
.box span{
  position: absolute;
  top: 0.1rem;
  font-size: 0.36rem;
  padding-left: 0.2rem;
  color: #000;

}
.iconright{
  position: absolute;
  top: 0.2rem;
  right: 1rem;

}
.iconright i{
  font-size: 0.3rem;
}
.box::after{
  content: "";
  width: 100%;
  position: absolute;
  bottom: -0.7rem;
  left: 0;
  border-bottom: 0.03rem solid #43bf92;
}
</style>